<template>
	<!-- 公共页面 -->
	<view class="page">
		<cu-nav :isPic="true" :content="content[pageFlag]"></cu-nav>
		<view class="page-content">
			<index-page v-show="pageFlag==0"></index-page>
			<live-page v-show="pageFlag==1"></live-page>
			<video-page v-show="pageFlag==2"></video-page>
			<my-page v-show="pageFlag==3"></my-page>
		</view>
		<cu-bar @jump="pageJump"></cu-bar>
	</view>
</template>

<script>
	import indexPage from './indexPage.vue'
	import livePage from '../live/live.vue'
	import videoPage from '../video/video.vue'
	import myPage from '../mycenter/mycenter.vue'
 	export default{
		components:{
			indexPage,
			livePage,
			videoPage,
			myPage
		},
		data(){
			return {
				pageFlag:0,
				content:{
					0:'首页',
					1:'直播中心',
					2:'视频中心',
					3:'个人中心',
				}
			}
		},
		watch:{
			
		},
		methods:{
			pageJump(val){
				this.pageFlag = val
			}
		},
		filters:{
			title(v){
				
			}
		}
	}
</script>

<style lang="scss">
	
</style>
